<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <title>MeteoCal - Search</title>
        <link href="../css/application.css" rel="stylesheet"></link>
        <link rel="icon" type="image/ico" href="../images/logoico.ico"/>
    </h:head>
    <h:body><div id="body">

            <div id="head">
                <a href="personalpage.xhtml"><img src="../images/logo.png" /></a>
                
                <h:form><p:commandLink action="#{loginBean.logout()}">
    <p:graphicImage value="../images/logout.png" style="width: 70px; top:140px; left:88%;"/>
</p:commandLink></h:form>
            </div>

            <div id="title">
                <p1>MeteoCal</p1><br />
                <p2>Your website to plan your events.</p2>
            </div>
            
            <div id="bar">
                <a href="personalpage.xhtml" id="ppage" >#{uBean.actualLoggedUser.username} 's MeteoCal</a>
                <a href="calendar.xhtml" id="calendar">Calendar</a>
                <a href="search.xhtml" id="search">Search MeteoCal's friends</a>
            </div>

            <div id="registration"><center>
                <h:form>
                    <br /> <br /><br />
                <h:outputLabel for="title" value="Search MeteoCal people!"><br /><br />
                    <p:inputText id="title" value="#{srcBean.search}" style="width:450px; float:right;" />
                            </h:outputLabel>
                   <br /> <br />
                   <p:commandButton value="Search"  action="#{srcBean.search()}"  style="border:0; box-shadow:0px 2px 5px #000000;" />
                
                </h:form></center>
                </div>
            
        </div>      
    </h:body>
</html>
